$(function () {
    //使用表单校验插件
    $('.login-form').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            username: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度必须在2到6之间'
                    },
                    callback: {
                        message: '用户名错误'
                    }
                }
            },
            password: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码长度必须在6到12之间'
                    },
                    callback: {
                        message: '密码错误'
                    }
                }
            },
        }
    });
    //重置表单和表单样式
    $('.btn-reset').click(function () {
        $('.login-form').data('bootstrapValidator').resetForm()
    })
    //点击登陆按钮，获取用户名和密码
    $('.login-form').on('success.form.bv', function (e) {
        e.preventDefault(),
            $.ajax({
                type: 'post',
                url: '/employee/employeeLogin',
                data: $('.login-form').serialize(),
                datatype: 'json',
                success: function (res) {
                    console.log(res);
                    //处理结果
                    //登陆成功，跳转页面
                    //登陆失败，提示错误信息重新登录
                    if (res.success) {
                        location.href = 'index.html'
                    }
                    if (res.error == 1000) {
                        // alert('用户名不存在')
                        $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback')
                    }
                    if (res.error == 1001) {
                        // alert('密码错误')
                        $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback')
                    }
                }
            })
    })
})